<template>
    <div>
        <!-- header -->
      <header-home> </header-home>
      <!-- swiper -->
      <home-swiper> </home-swiper>
      <!-- Icons -->
      <Home-Icons></Home-Icons>
      <!-- HomeRecommend -->
      <home-recommend></home-recommend>
      <!-- HomeWeekend -->
      <home-weekend></home-weekend>
    </div>
</template>

<script>
// header 
import HeaderHome from './components/header';
// swiper
import HomeSwiper from './components/Swiper'
// HomeIcons
import HomeIcons from './components/Icons'
// HomeRecommend
import HomeRecommend from './components/Recommend'
// HomeWeekend
import HomeWeekend from './components/Weekend'
export default {
    name:'Home',
    components:{
        HeaderHome,
        HomeSwiper,
        HomeIcons,
        HomeRecommend,
        HomeWeekend
    }
}
</script>


<style scoped>
   

</style>
